/* ------------------------------------------------------------------------------
*
*  # Popovers component
*
*  Overrides for popovers bootstrap component
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */

// Base class
// -------------------------

// Base
.popover {
  border-radius: @border-radius-base;
  padding: 0;
  .box-shadow(0 1px 3px fade(#000, 10%));
}

// Title
.popover-title {
  font-size: @font-size-small;
  line-height: @line-height-small;
  border: 0;
  padding: @content-padding-base @content-padding-base 0 @content-padding-base;
  text-transform: uppercase;
  font-weight: 500;
  .border-top-radius(@border-radius-base);

  // Reduce size if inside colored container
  &[class*=bg-] {
    padding: @content-padding-small @content-padding-base;
    margin: -1px -1px 0 -1px;
  }
}

// Content
.popover-content {
  padding: @content-padding-base;
}

// Custom color options
// -------------------------

.popover[class*=bg-],
.popover[class*=border-] {

  // Top arrow
  &.top > .arrow {
    &,
    &:after {
      border-top-color: inherit;
    }
  }

  // Right arrow
  &.right > .arrow {
    &,
    &:after {
      border-right-color: inherit;
    }
  }

  // Bottom arrow
  &.bottom > .arrow {
    &,
    &:after {
      border-bottom-color: inherit;
    }
  }

  // Left arrow
  &.left > .arrow {
    &,
    &:after {
      border-left-color: inherit;
    }
  }
}
